<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ajax定时刷新 数据</title>
<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
</head>
<body>
	<div  id="shuJu"   style="background-color: red"></div>
	
	<button   type="button" onclick="huoqu();">获取</button>
	<script type="text/javascript">
		//定时执行程序
		//setInterval(huoqu, 1000);
	
	
		//alert($("#shuJu").html());
		function   huoqu()
		{
			$.get('ajax.do',{},
					function(data, textStatus){
							//累计添加
							//$("#shuJu").html($("#shuJu").html()+"<br>"+data);
							//刷新 
							//创建前台数组 获取里面信息
							
							//激活 后台传递的数据信息 为  集合类型
							 var sss=data;
							
					  
							//创建一个新的  数组   js中  Array 是数组对象
						 	var arr = new Array();
					
							//替换原字符串中 [   ]
					 		sss=sss.replace("[","");
					 		sss=sss.replace("]","");
					 		//替换 " 为 空
					 		sss=sss.replace("\"","");
					 
					 		//截取 每一个姓名
							 arr= sss.split(",");
					 		for(var  s=0;s<arr.length;s++)
					 		{
					 			//追加
					 			$("#shuJu").append(arr[s]+"<br>");
					 		} 
							
							
							
					})
		}
	
	</script>
</body>
</html>